
<template>
  <div id="sampleCheck">
    <el-card
      class="box-card"
      style="margin:15px"
    >
      <div style="margin-bottom:10px">
        <el-button
          size="small"
          type="primary"
          icon="el-icon-document-checked"
        >
          验收
        </el-button>
        <el-button size="small">
          刷新
        </el-button>
      </div>
      <el-table
        :data="tableData"
        style="width: 100%;padding:5px;"
        :header-cell-style="{background:'#333333',color:'#ffffff',textAlign:'center'}"
      >
        <el-table-column
          type="selection"
          width="55"
        />
        <el-table-column
          prop="checkDate"
          label="样本地区"
        />
        <el-table-column
          prop="checkPName"
          label="递送批号"
        />
        <el-table-column
          prop="total"
          label="递送日期"
        />
        <el-table-column
          prop="total"
          label="递送部门"
        />
        <el-table-column
          prop="total"
          label="递送人员"
        />
        <el-table-column
          prop="total"
          label="总数"
        />
        <el-table-column
          prop="total"
          label="待验收数"
        />
        <el-table-column
          prop="total"
          label="快递人员"
        />
        <el-table-column
          prop="total"
          label="快递单号"
        />
        <el-table-column
          prop="total"
          label="备注"
        />
      </el-table>
      <el-pagination
        :current-page="pageIndex"
        :page-sizes="[10, 20, 30, 40, 50]"
        :page-size="pageSize"
        :total="tableData.length"
        layout="slot, total, sizes, prev, pager, next, jumper"
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
      >
        <span
          v-if="tableData.length > 0"
          style="font-weight: 400;color:#606266"
        >已选中{{ tableData.length }}条，</span>
      </el-pagination>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // 是否展示更多信息
      morderShow: true,
      // 页条数
      pageSize: 10,
      // 页数
      pageIndex: 1,
      // 表格数据
      tableData: []
    };
  },
  methods: {
    //点击全选
    handleSelectionChange(val) {
      this.multipleSelection = val;
    },
    // 点击分页
    handleSizeChange: function(val) {
      this.pageSize = val;
    },
    // 选择页码
    handleCurrentChange: function(currentPage) {
      this.pageIndex = currentPage;
    }
  }
};
</script>
